Pixels of the Week – July 21, 2017

Pixels of the Week – July 21, 2017

This content is 7 years old. Remember that the following content might be outdated.

Every week I post a lot of my daily readings about Web, UI and UX Design, mobile design, webdesign tools  and useful resources, inspiration on twitter and other social networks.

This week’s selection: user experience tools, costs, slider design, mobile navigation, AMP, solving problems and getting back to basics, CSS resets, cools things in SCSS, PWAs, Newsletter design, performance, Sketch material template and UI animations.

You can follow me on twitter to get a dose of links every days.

TL;DNR the one you should not miss

#UX #Tools

You might want to bookmark this if you are starting in the field of UX: A Complete List Of UX Deliverables

Interesting article

#UX #Costs

What Goes Into The Cost Of UX Design – If you need to explain the different stages of user centered design process

#Design

Designed Degradations: UX Patterns for Hostile Environments, on providing possibilities for users with a not optimal configuration

#Design #Slider

Designing The Perfect Slider, long and really detailed read worth your time

#Mobile #Navigation

Why Mobile Menus Belong at the Bottom of the Screen” Not quite sure about that one actually. Do you need the menu to be easy to reach? Navigation should be like a good friend, here when you need it, but not living on your couch. Won’t it interfere when users will scroll to read the content, will users miss tab on the menu instead of scrolling? How do you deal with complex multi level menus? It will open from the bottom to the top, then you open the 2nd level from top to bots, etc.?  Where will we put the social link bar and ads if we put the menus on the bottom???? (Okay this might sound like trolling but still). Anyway, the idea is still interesting, I would be interesting to see some real life examples if you have some 🙂

#Mobile #AMP

The AMP is a lie, interesting opinion on the fact that the real speed boost in amp comes from perceived performance

#Design

When you’re stuck and not improving as a designer, let’s get back to basics

#Design

Are you solving the right problem?, sometimes you need to reframe the problem to find the right solution

#CSS

CSS, don’t mistake simple for easy by @adactio

#CSS

Stop Using Resets: Visual Examples of the Practical Nonsense of Resets and Normalizers, interesting visual comparison of sites with and without the CSS reset

#JavaScript

(Now More Than Ever) You Might Not Need jQuery (unless you support Edge and IE then you need a polyfill

#UX
“... Said no user ever“, we should make a site with random quotes out of this list ^^

Inspiration and Great ideas

#Newsletter

The Newest Email Design Trends of 2017, really cool to see the end of boring emails and some creativity here

Tutorials

#PWA

A Beginner’s Guide to Progressive Web Apps & the Frontend Web, really long and detailed tutorial

#CSS
Advanced SCSS, or, 16 cool things you can do with Sass

Useful resources, tools and plugins that will make your life easy

#First Users

First Users, find out how various companies got their first users

#Design #Workflow

Abstract looks wonderful but I’m still wondering if applying a dev Workflow to Design is the best solution

#Performance

webspeedtest.cloudinary.com an online tool to analyse your image compression

#Sketch

Sketch Material – to help you quickly build material design systems in Sketch

#Tools

Designing for real content is important, but if you can’t: Flow is a typeface built for wireframing

#UX

UX scenarios scaffolder, a nodeJS script to generate all the interface scenarios possible and export them in a CSV

#UX #Animations

uimovement.com  is a great place to find UI motion inspiration